<template>
<div class="header">
	<div class="back pull-xs-left text-white">
		<button class="btn p-l-1 p-y-2" v-link="link">
			<i class="left icon white"></i>
		</button>
	</div>
	<div class="m-l-3 p-x-1 p-y-1">
		<h4 class="text-white text-truncate">{{title}}</h4>
		<p class="text-small text-white m-b-0">{{subtitle}}</p>
	</div>
</div>
</template>

<script>
	export default {
		props: {
			link: Object,
			title: String,
			subtitle: String
		}
	}
</script>

<style scoped lang="postcss">
.header {
	background-color: #0074d9;
}
.btn {
	background-color: transparent;
}
.text-small {
	opacity: .8;
}
</style>